<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
    <title>{{ title }}</title>
    <link rel="stylesheet" href="/static/src/jquery-weui/lib/weui.min.css">
    <link rel="stylesheet" href="/static/src/jquery-weui/css/jquery-weui.min.css">
    <script src="/static/src/jquery-weui/lib/jquery-2.1.4.js"></script>
    <script src="/static/src/jquery-weui/js/jquery-weui.min.js"></script>
</head>
<body>
<div class="weui-flex">
      <div class="weui-flex__item">
          <a href="javascript:history.back();"><img src="/static/images/back.png" height="50px"></a>
      </div>
      <div class="weui-flex__item">
          <h2>章节</h2>
      </div>
        <div class="weui-flex__item">
            <h2><a href="/">首页</a></h2>
      </div>
    </div>
<section>
    <h1>{{ h1 }}</h1>
    <article style="font-size: 16px; color: rgb(59, 51, 79);">{{ article|safe }}</article>
</section>
<div class="weui-flex catalog" data_catalog_id="{{catalog_id}}" data_book_id="{{book_id}}" data_page="{{page}}">
  <div class="weui-flex__item" style="margin:5px">
      <a href="javascript:;" class="weui-btn weui-btn_primary prev_catalog"><h5>上一章</h5></a>
  </div>
  <div class="weui-flex__item" style="margin:5px">
      <a href="/catalog/{{book_id}}?catalog_id={{catalog_id}}&page={{page}}" class="weui-btn weui-btn_primary"><h5>目录</h5></a>
  </div>
    <div class="weui-flex__item" style="margin:5px">
        <a href="javascript:;" class="weui-btn weui-btn_primary next_catalog"><h5>下一章</h5></a>
  </div>
</div>
<script src="/static/js/catalog_detail.js"></script>
</body>
</html>